<template>
	<view class="content">

		<view class="wrap" v-if="flag==true">
			<view class="title">
				校友入校预约须知
			</view>
			<view class="text">
				<view>
					1.参访人员进入校园的时间段为早上8点至下午6点。每人最多可另外预约3名同行人员，预约者须与同行者一同进校，且每人每周最多只能预约1次。请使用本人身份证号码进行实名认证，每位同行人员的信息（姓名、身份证号、手机号等）均需在预约系统内详细填写，否则将无法提交预约。
				</view>
				<view>2. 超过预约时段来校的，视为自动放弃此次进校参观；因个人原因需要取消预约的，请于参观前一天的24点前在系统内进行取消操作；预约成功无故爽约，则一周内不得再约。</view>
				<view>3. 如遇重大活动、重要考试或极端天气以及入校人员数量超额等特殊情况，暂停预约功能。</view>
				<view>4. 为保障学校正常教学、科研及生活秩序，学校办公楼、教学楼、实验室、图书馆、体育馆、学生宿舍及学生食堂等场所不对外开放，请参访人员予以理解。</view>
				<view>5. 因校园内道路交通条件有限，预约入校参观人员乘坐的各类车辆禁止入校。</view>
				<view>
					6.参观人员须遵守国家相关法律法规和校园管理相关规定，爱护校内设施和校园环境，行止有序、谦让有礼、文明参观。不大声喧哗、不攀枝折花、不随地丢弃垃圾、不使用扩音设备，做好安全防护，避免发生中暑、溺水、交通、高坠等安全事故。
				</view>
			</view>
			<view class="footer_btn">
				<view class="btn" @tap="flag=false">
					我要预约
				</view>
			</view>
		</view>

		<view class="img" v-else>
			<image src="/static/img/post/toExamine.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				flag: true
			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		// padding: 20rpx 0rpx;
		background: #FFFFFF;
		padding-bottom: 130rpx;

		.img {
			width: 666rpx;
			height: 546rpx;
			margin: 310rpx auto 0;

			image {
				width: 100%;
			}
		}
	}

	.wrap {
		width: 100%;
		overflow: hidden;

		.title {
			color: #333333;
			font-size: 48rpx;
			margin: 40rpx auto;
			text-align: center;
		}

		.text {
			color: #333333;
			font-size: 28rpx;
			box-sizing: border-box;
			padding: 40rpx;
			line-height: 56rpx;

			view {
				text-indent: 2em;
			}
		}

		.footer_btn {
			position: fixed;
			bottom: 0;
			width: 750rpx;
			height: 120rpx;
			background: #FFFFFF;
			box-shadow: 0px -4rpx 12rpx 0px rgba(140, 140, 140, 0.302);

			.btn {
				width: 710rpx;
				height: 80rpx;
				background: #275BA8;
				border-radius: 10rpx;
				margin: 16rpx 20rpx;
				color: #FFFFFF;
				font-size: 32rpx;
				line-height: 80rpx;
				text-align: center;
			}
		}

	}
</style>